<template>
  <el-space wrap :size="props.params.eltagSize">
    <div>
      <el-tag :type="props.params.styleClass(props.params.data)" v-if="props.params.node.rowPinned != 'bottom'">{{
        props.params.text(props.params.data)
      }}</el-tag>
      <!-- {{props.params.styleClass}} -->
    </div>

    <!-- <a-tag color="#ff7d00" @click="a1" class="gesture">修改</a-tag>
    <a-tag color="#2961dc" @click="a2" class="gesture">生成标签</a-tag> -->
  </el-space>
</template>

<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    params: any
  }>(),
  {
    params: {},
  }
)
onMounted(() => {
  // console.log(props.params.data)
})
// let checkboxChange = () => {
//   props.params.Callback(props.params.data)
//   // props.params.refreshCell()
// }
</script>

<style scoped>
.currency {
  color: blue;
}
</style>